﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>

    <script src="https://cdn.jsdelivr.net/npm/vue@3.3.4/dist/vue.global.min.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css">
    <script src="https://unpkg.com/element-plus/dist/index.full.min.js"></script>

    <style>

        table {
            width: 100%;
            border-collapse: collapse;
        }

        /* 只对class为data-table的表格应用边框 */
        .data-table, .data-table th, .data-table td {
            border: 1px solid #000;
        }



        th {
            background-color: #FFD553;
            text-align: right;
            width: 120px;
        }

        td {
            padding: 6px;
        }

        select, input, textarea {
            width: 200px;
            box-sizing: border-box;
        }

        textarea {
            height: 80px;
        }


        .avatar-uploader .avatar {
            width: 178px;
            height: 178px;
            display: block;
        }

        .avatar-uploader .el-upload {
            border: 1px dashed var(--el-border-color);
            border-radius: 6px;
            cursor: pointer;
            position: relative;
            overflow: hidden;
            transition: var(--el-transition-duration-fast);
        }

            .avatar-uploader .el-upload:hover {
                border-color: var(--el-color-primary);
            }

        .el-icon.avatar-uploader-icon {
            font-size: 28px;
            color: #8c939d;
            width: 178px;
            height: 178px;
            text-align: center;
        }

        /* 新增样式 */
        .table-container {
            position: relative; /* 为按钮定位提供参考 */
        }

        .button-container {
            position: absolute;
            top: 0;
            right: 10px;
            margin-top: -5px; /* 与表格顶部的距离 */
            z-index: 10; /* 确保按钮在上方 */
        }

            .button-container button {
                margin-left: 10px; /* 按钮之间的间距 */
            }

        body {
            background-color: #FFFFCC;
        }

    </style>

</head>

<body>

    <div id="app">
        <span>您正在做的业务是：人力资源--人力资源档案管理--人力资源档案复核</span><br />

        <form>
            <table class="data-table">

                <tr>
                    <th>档案编号</th>
                    <td colspan="5">

                        {{form.human_id}}

                    </td>


                    <td rowspan="3" style="padding: 10px,10px,10px,30px; border: none; position: absolute;">

                        <el-upload class="avatar-uploader"
                                   action="/HRFR/WJSC"
                                   :show-file-list="false"
                                   :on-success="handleAvatarSuccess"
                                   :before-upload="beforeAvatarUpload">
                            <img v-if="imageUrl || fileName" :src="getImageUrl()" class="avatar" />
                            <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
                        </el-upload>

                    </td>

                    <input type="hidden" name="imageFileName" v-model="imageFileName">



                </tr>

                <tr>
                    <th>I级机构</th>
                    <td>

                        {{form.first_kind_name}}

                    </td>

                    <th>II级机构</th>
                    <td>
                        {{form.second_kind_name}}
                    </td>

                    <th>III级机构</th>
                    <td>
                        {{ form.third_kind_name}}

                    </td>
                </tr>

                <!-- 职位信息 -->
                <tr>
                    <th>职位分类</th>
                    <td>
                        {{ form.human_major_kind_name}}

                    </td>

                    <th>职位名称</th>
                    <td>
                        {{ form.hunma_major_name }}

                    </td>

                    <th>职称</th>
                    <td>

                        <el-select v-model="form.human_pro_designation" placeholder="请选择职称">
                            <el-option v-for="item in designationOptions" :key="item.value" :label="item.label" :value="item.value" />
                        </el-select>


                    </td>
                </tr>

                <!-- 基础信息 -->
                <tr>
                    <th>姓名</th>
                    <td>   <el-input v-model="form.human_name"> </el-input>   </td>
                    <th>性别</th>
                    <td>

                        <el-select v-model="form.human_sex" placeholder="请选择性别">
                            <el-option v-for="item in sexOptions" :key="item.value" :label="item.label" :value="item.value" />
                        </el-select>

                    </td>
                    <th>EMAIL</th>
                    <td>
                        <el-input v-model="form.human_email"></el-input>
                    </td>
                </tr>

                <!-- 联系方式 -->
                <tr>
                    <th>电话</th>
                    <td><el-input v-model="form.human_telephone" /></td>
                    <th>QQ</th>
                    <td><el-input v-model="form.human_qq" /></td>
                    <th>手机</th>
                    <td><el-input v-model="form.human_mobilephone" /></td>
                </tr>

                <!-- 地址信息 -->
                <tr>
                    <th>住址</th>
                    <td colspan="3"> <el-input v-model="form.human_address" style="width:100%" /> </td>
                    <th>邮编</th>
                    <td> <el-input v-model="form.human_postcode" /> </td>
                </tr>

                <!-- 个人背景 -->
                <tr>
                    <th>国籍</th>
                    <td>

                        <el-select v-model="form.human_nationality" placeholder="请选择国籍">
                            <el-option v-for="item in nationalityOptions" :key="item.value" :label="item.label" :value="item.value" />
                        </el-select>


                    </td>
                    <th>出生地</th>
                    <td>
                        <el-input v-model="form.human_birthplace" />
                    </td>
                    <th>生日</th>
                    <td>

                        <el-input type="date" v-model="form.human_birthday" />

                    </td>
                    <th>民族</th>
                    <td>

                        <el-select v-model="form.human_race" placeholder="请选择民族">
                            <el-option v-for="item in raceOptions" :key="item.value" :label="item.label" :value="item.value" />
                        </el-select>

                    </td>
                </tr>

                <!-- 政治信息 -->
                <tr>
                    <th>宗教信仰</th>
                    <td>

                        <el-select v-model="form.human_religion" placeholder="请选择宗教信仰">
                            <el-option v-for="item in religionOptions" :key="item.value" :label="item.label" :value="item.value" />
                        </el-select>

                    </td>
                    <th>政治面貌</th>
                    <td>

                        <el-select v-model="form.human_party" placeholder="请选择政治面貌">
                            <el-option v-for="item in partyOptions" :key="item.value" :label="item.label" :value="item.value" />
                        </el-select>

                    </td>
                    <th>身份证号码</th>
                    <td> <el-input v-model="form.human_id_card" /> </td>
                    <th>社会保障号码</th>
                    <td> <el-input v-model="form.human_society_security_id" /> </td>
                </tr>

                <!-- 教育信息 -->
                <tr>
                    <th>年龄</th>
                    <td> <el-input v-model="form.human_age" /> </td>
                    <th>学历</th>
                    <td>

                        <el-select v-model="form.human_educated_degree" placeholder="请选择学历">
                            <el-option v-for="item in degreeOptions" :key="item.value" :label="item.label" :value="item.value" />
                        </el-select>

                    </td>
                    <th>教育年限</th>
                    <td>

                        <el-select v-model="form.human_educated_years" placeholder="请选择教育年限">
                            <el-option v-for="item in yearsOptions" :key="item.value" :label="item.label" :value="item.value" />
                        </el-select>

                    </td>
                    <th>学历专业</th>
                    <td>

                        <el-select v-model="form.human_educated_major" placeholder="请选择学历专业">
                            <el-option v-for="item in majorOptions" :key="item.value" :label="item.label" :value="item.value" />
                        </el-select>

                    </td>
                </tr>

                <!-- 薪酬信息 -->
                <tr>
                    <th>薪酬标准</th>
                    <td>

                        <el-select v-model="form.salary_standard_name" placeholder="请选择薪酬标准">
                            <el-option v-for="item in salaryOptions" :key="item.value" :label="item.label" :value="item.value" />
                        </el-select>

                    </td>
                    <th>开户行</th>
                    <td> <el-input v-model="form.human_bank" /> </td>
                    <th>帐号</th>
                    <td><el-input v-model="form.human_account" /></td>
                    <th>复核人</th>
                    <td><el-input v-model="form.checker" readonly /> </td>
                </tr>

                <!-- 时间与特长 -->
                <tr>
                    <th>复核时间</th>
                    <td>

                        <input type="text" v-model="checkTime" readonly style="width: 200px;">

                        <el-input type="hidden" v-model="form.check_time" />


                    </td>
                    <th>特长</th>
                    <td>

                        <el-select v-model="form.human_speciality" placeholder="请选择特长">
                            <el-option v-for="item in specialityOptions" :key="item.value" :label="item.label" :value="item.value" />
                        </el-select>


                    </td>
                    <th>爱好</th>
                    <td>

                        <el-select v-model="form.human_hobby" placeholder="请选择爱好">
                            <el-option v-for="item in hobbyOptions" :key="item.value" :label="item.label" :value="item.value" />
                        </el-select>

                    </td>
                </tr>

                <!-- 文本区域 -->
                <tr>
                    <th>档案附件</th>
                    <td colspan="7"> <el-input v-model="form.attachment_name" type="textarea" :rows="2" /> </td>
                </tr>
                <tr>
                    <th>个人履历</th>
                    <td colspan="7">  <el-input v-model="form.human_histroy_records" type="textarea" :rows="2" /></td>
                </tr>
                <tr>
                    <th>家庭关系信息</th>
                    <td colspan="7"> <el-input v-model="form.human_family_membership" type="textarea" :rows="2" /> </td>
                </tr>
                <tr>
                    <th>备注</th>
                    <td colspan="7"> <el-input v-model="form.remark" type="textarea" :rows="2" /> </td>
                </tr>


            </table>

            <!-- 按钮容器，放置在表格外部 -->
            <div class="button-container">
                <el-button type="button" v-on:click="ReivewPass">复核通过</el-button>
                <el-button type="button" v-on:click="XGZT">复核不通过</el-button>
                <el-button type="button" v-on:click="clearForm">清除</el-button>
                <el-button type="button" v-on:click="fanhui">返回</el-button>
            </div>

        </form>

    </div>



    <script type="text/javascript">
                    const { createApp, ref, onMounted, reactive } = Vue;
                       const { ElMessage } = ElementPlus;


                const app = createApp({
                    setup()
                    {

                            // 表单数据模型
                      const form = reactive({
                        huf_id: '',
                        human_id: '',
                        first_kind_name: '',
                        second_kind_name: '',
                        third_kind_name: '',
                        human_major_kind_name: '',
                        hunma_major_name: '',
                        human_pro_designation: '',
                        human_name: '',
                        human_sex: '',
                        human_email: '',
                        human_telephone: '',
                        human_qq: '',
                        human_mobilephone: '',
                        human_address: '',
                        human_postcode: '',
                        human_nationality: '',
                        human_birthplace: '',
                        human_birthday: '',
                        human_race: '',
                        human_religion: '',
                        human_party: '',
                        human_id_card: '',
                        human_society_security_id: '',
                        human_age: '',
                        human_educated_degree: '',
                        human_educated_years: '',
                        human_educated_major: '',
                        salary_standard_name: '',
                        human_bank: '',
                        human_account: '',
                        checker: '',
                        check_time: '',
                        human_speciality: '',
                        human_hobby: '',
                        attachment_name: '',
                        human_histroy_records: '',
                        human_family_membership: '',
                        remark: '',
                        imageFileName: ''
                      });




                              // 下拉选项数据
                      const designationOptions = ref([]);
                      const sexOptions = ref([]);
                      const nationalityOptions = ref([]);
                      const raceOptions = ref([]);
                      const religionOptions = ref([]);
                      const partyOptions = ref([]);
                      const degreeOptions = ref([]);
                      const yearsOptions = ref([]);
                      const majorOptions = ref([]);
                      const salaryOptions = ref([]);
                      const specialityOptions = ref([]);
                      const hobbyOptions = ref([]);






                        const imageUrl = ref(''); // 图片URL
                        const fileName = ref(''); // 文件名

                        // 从后端获取图片文件名
                        const imageFileName = ref('');




                         // 初始化时调用
                        onMounted(() => {
                            // 从ViewBag获取后端传递的图片文件名
                           // imageFileName.value = '@ViewBag.ImageFileName ' || '';
                            if (imageFileName.value) {
                                // 构建图片访问路径并渲染
                                imageUrl.value = getImageUrl();
                            }
                            console.log('接收的文件名称',imageFileName.value);
                        });

                        // 获取图片完整路径
                        const getImageUrl = () => {
                            if (!imageFileName.value) return '';

                                try {
                                    // 从文件名解析日期（假设文件名格式为 YYYYMMDDHHmmssfff.ext）
                                    const fullName = imageFileName.value.trim();
                                    const datePart = fullName.substring(0, 8);
                                    const year = datePart.substring(0, 4);
                                    const month = datePart.substring(4, 6);
                                    const day = datePart.substring(6, 8);

                                    // 构建路径：/年/月/日/文件名
                                    const path = `/Uploader/${year}/${month}/${day}/${fullName}`;
                                    console.log('解析日期生成路径:', path);
                                    return path;
                                }
                                catch (error) {
                                    console.error('文件名解析失败:', error);
                                    //  fallback: 使用当前日期（仅作为临时方案）
                                    const today = new Date();
                                    const y = today.getFullYear();
                                    const m = String(today.getMonth() + 1).padStart(2, '0');
                                    const d = String(today.getDate()).padStart(2, '0');
                                    const fallbackPath = `/Uploader/${y}/${m}/${d}/${imageFileName.value}`;
                                    console.log('当前日期生成路径:', fallbackPath);
                                    return fallbackPath;
                                }
                        };



                                    // 图片上传前验证
                            const beforeAvatarUpload = (rawFile) => {
                                const allowedTypes = ['image/jpeg', 'image/jpg', 'image/png', 'image/gif'];
                                const isAllowedType = allowedTypes.includes(rawFile.type);
                                const isLt2M = rawFile.size / 1024 / 1024 < 2;

                                if (!isAllowedType) {
                                    ElMessage.error('仅支持 JPG/JPEG/PNG/GIF 格式图片');
                                    return false;
                                }
                                if (!isLt2M) {
                                    ElMessage.error('文件大小不能超过 2MB');
                                    return false;
                                }

                                // 预览图片
                                const reader = new FileReader();
                                reader.onload = (e) => {
                                    imageUrl.value = e.target.result;
                                };
                                reader.readAsDataURL(rawFile);



                                return true;
                            };




                      // 处理图片上传成功
                       const handleAvatarSuccess = (response, uploadFile) => {
                          console.log('后端返回数据:', uploadFile);
                          // 更新文件名和图片URL
                          fileName.value = uploadFile.response.wjnames;
                          imageFileName.value = fileName.value;
                          imageUrl.value = getImageUrl();
                      };


                       // 响应式复核时间
                      const checkTime = ref('');

                      // 初始化时间并启动定时器
                      const updateTime = () => {
                          const now = new Date();
                          // 格式化时间为 YYYY-MM-DD HH:mm:ss
                          const formattedTime = now.toISOString()
                              .split('T')[0] + ' ' +
                              now.toTimeString().split(' ')[0];
                          checkTime.value = formattedTime;
                      };



                           updateTime();
                          // 每秒更新一次时间
                          setInterval(updateTime, 1000);



                        function fanhui(){
                            window.location.href='/HRFR/RLFH';
                        }



                         // 从URL获取id
                const getUrlId = () => {
                    const urlParams = new URLSearchParams(window.location.search);
                    const id = urlParams.get('id');
                    console.log('接收到的human_file表的主键值为:', id);
                    return id;
                };


                   // 根据id获取调动记录数据
                const fetchOriginalData = async (id) => {
                    if (id) {
                        try {
                            const response = await axios.get(`/HRFR/CXFH/?id=${id}`);
                            const data = response.data.data;

                            console.log('数据查看',data);


                            if (data) {
                                // 填充基础信息

                                form.huf_id=data.huf_id;
                                form.human_id = data.human_id;
                                form.human_name = data.human_name;
                                form.human_id_card = data.human_id_card;
                                form.first_kind_name=data.first_kind_name;
                                form.second_kind_name=data.second_kind_name;
                                form.third_kind_name=data.third_kind_name;
                                form.human_major_kind_name=data.human_major_kind_name;
                                form.hunma_major_name=data.hunma_major_name,
                                form.human_pro_designation=data.human_pro_designation;
                                form.human_email=data.human_email;
                                form.human_mobilephone=data.human_mobilephone;
                                form.human_telephone=data.human_telephone;
                                 form.human_sex=data.human_sex;
                                 form.human_qq=data.human_qq;
                                 form.human_address=data.human_address;
                                 form.human_postcode=data.human_postcode;
                                 form.human_nationality=data.human_nationality;
                                 form.human_birthplace=data.human_birthplace;

                                // form.human_birthday=data.human_birthday;
                                 // 关键：格式化生日为 YYYY-MM-DD
                                 if (data.human_birthday) {
                                   // 将后端返回的日期转换为 Date 对象
                                   const birthday = new Date(data.human_birthday);
                                   // 格式化为 YYYY-MM-DD（注意月份需+1，且补零）
                                   const year = birthday.getFullYear();
                                   const month = String(birthday.getMonth() + 1).padStart(2, '0'); // 月份从0开始
                                   const day = String(birthday.getDate()).padStart(2, '0');
                                   form.human_birthday = `${year}-${month}-${day}`; // 赋值格式化后的值
                                 } else {
                                   form.human_birthday = ''; // 若后端无数据，设为空
                                 }



                                 form.human_race=data.human_race;
                                 form.human_religion=data.human_religion;
                                 form.human_party=data.human_party;
                                 form.human_society_security_id=data.human_society_security_id;
                                 form.human_age=data.human_age;
                                 form.human_educated_degree=data.human_educated_degree;
                                 form.human_educated_years=data.human_educated_years;
                                 form.human_educated_major=data.human_educated_major;
                                 form.salary_standard_name=data.salary_standard_name;
                                 form.human_bank=data.human_bank;
                                 form.human_account=data.human_account;

                                 form.checker=data.checkrName;

                                 form.human_speciality=data.human_speciality;
                                 form.human_hobby=data.human_hobby;
                                 form.attachment_name=data.attachment_name;
                                 form.human_histroy_records=data.human_histroy_records;
                                 form.human_family_membership=data.human_family_membership;
                                 form.remark=data.remark;

                                 imageFileName.value=data.human_picture;

                                  // 手动调用getImageUrl()更新图片路径
                    imageUrl.value = getImageUrl();


                                console.log('数据填充成功', data);
                            }
                        } catch (error) {
                            console.error('获取数据失败:', error);
                            ElMessage.error('获取数据失败，请重试');
                        }
                    }
                };

                const id=getUrlId();

                fetchOriginalData(id);



                      // 复核通过按钮
                const ReivewPass = async () => {


                          // 1. 根据选中的薪酬标准名称，匹配对应的编号
                    let  salaryStandardId ='' ; // 薪酬标准编号
                    if (form.salary_standard_name) {
                      // 从薪酬选项中查找名称匹配的项
                      const matchedSalary = salaryOptions.value.find(
                        item => item.label === form.salary_standard_name
                      );
                      if (matchedSalary) {
                        salaryStandardId = matchedSalary.value; // 获取对应的编号
                      }
                    }



                    const formattedRegTime = new Date().toISOString();

                    // 构造要提交的数据对象（包含原数据和新数据）
                    const submitData = {

                         // 基础信息
                      human_name:form.human_name,
                      human_pro_designation: form.human_pro_designation,
                      human_sex: form.human_sex,
                      human_email: form.human_email,
                      human_telephone: form.human_telephone,
                      human_qq: form.human_qq,
                      human_mobilephone: form.human_mobilephone,

                      // 地址信息
                      human_address: form.human_address,
                      human_postcode: form.human_postcode,

                      // 个人背景
                      human_nationality: form.human_nationality,
                      human_birthplace: form.human_birthplace,
                      human_birthday: form.human_birthday,
                      human_race: form.human_race,

                      // 政治信息
                      human_religion: form.human_religion,
                      human_party: form.human_party,
                      human_id_card: form.human_id_card,
                      human_society_security_id: form.human_society_security_id,

                      // 教育信息
                      human_age: form.human_age,
                      human_educated_degree: form.human_educated_degree,
                      human_educated_years: form.human_educated_years,
                      human_educated_major: form.human_educated_major,

                      // 薪酬信息
                      salary_standard_id:salaryStandardId,
                      salary_standard_name: form.salary_standard_name,
                      human_bank: form.human_bank,
                      human_account: form.human_account,
                      checker: form.checker,

                      // 时间与特长
                      check_time: formattedRegTime, // 复用页面显示的复核时间
                      human_speciality: form.human_speciality,
                      human_hobby: form.human_hobby,

                      // 文本区域
                      attachment_name: form.attachment_name,
                      human_histroy_records: form.human_histroy_records,
                      human_family_membership: form.human_family_membership,
                      remark: form.remark,


                      //主键
                      huf_id:form.huf_id,
                      human_picture:imageFileName.value,
                      check_status:1,

                    };

                    console.log('提交的数据为:', submitData);

                    // 调用后端API修改数据

                        const response = await axios.post('/HRFR/UpdateHR', submitData);

                        if (response.data) {
                            ElMessage.success('复核成功');
                            // 跳转到指定页面
                             window.setTimeout(() => {
                              window.location.href = '/HRFR/RLFH';
                            }, 1500);
                           
                        } else {
                            ElMessage.error(response.data.message || '复核失败');
                        }

                };



                         const XGZT= async ()=>{

                              const formattedRegTime = new Date().toISOString();

                                const submitData = {

                                     huf_id:form.huf_id,
                                     check_status: 1,
                                     checker: form.checker,
                                     check_time: formattedRegTime, // 复用页面显示的复核时间

                                }
                                console.log('提交的数据:', submitData);

                                 // 调用后端API修改数据

                        const response = await axios.post('/HRFR/UpdateBTG', submitData);

                            if (response.data) {
                              ElMessage.success('复核不通过提交成功');
                            // 跳转到指定页面
                              window.setTimeout(() => {
                              window.location.href = '/HRFR/RLFH';
                            }, 1500);

                         } else {
                            ElMessage.error(response.data.message || '复核不通过');
                         }


                         }


                 const  clearForm =() =>{
                                  // 基础信息
                             form.human_name = '';
                             form.human_pro_designation = '';
                             form.human_sex = '';
                             form.human_email = '';
                             form.human_telephone = '';
                             form.human_qq = '';
                             form.human_mobilephone = '';

                             // 地址信息
                             form.human_address = '';
                             form.human_postcode = '';

                             // 个人背景
                             form.human_nationality = '';
                             form.human_birthplace = '';
                             form.human_birthday = '';
                             form.human_race = '';

                             // 政治信息
                             form.human_religion = '';
                             form.human_party = '';
                             form.human_id_card = '';
                             form.human_society_security_id = '';

                             // 教育信息
                             form.human_age = '';
                             form.human_educated_degree = '';
                             form.human_educated_years = '';
                             form.human_educated_major = '';

                             // 薪酬信息
                             form.salary_standard_name = '';
                             form.human_bank = '';
                             form.human_account = '';
                             form.checker = '';

                             // 时间与特长
                             form.human_speciality = '';
                             form.human_hobby = '';

                             // 文本区域
                             form.attachment_name = '';
                             form.human_histroy_records = '';
                             form.human_family_membership = '';
                             form.remark = '';

                             // 图片相关（可选：清除图片预览）
                             imageUrl.value = '';
                             fileName.value = '';
                             // imageFileName.value = ''; // 若需要保留后端返回的图片，可注释此行
                }





                        onMounted( async()=>{
                          //获取薪酬标准（有编号）
                          const salaryRes = await axios.get('/HRFR/GetSalaryStandards');
                          salaryOptions.value = salaryRes.data;

                         // 获取性别（无编号）
                          const sexRes = await axios.get('/HRFR/Sex');
                          sexOptions.value = sexRes.data;

                          //获取职称
                          const zhicheng = await axios.get('/HRFR/ZhiChen');
                          designationOptions.value = zhicheng.data;

                          //获取国籍
                          const nationnal = await axios.get('/HRFR/nation');
                          nationalityOptions.value = nationnal.data;

                          //获取民族
                          const race = await axios.get('/HRFR/Race');
                          raceOptions.value = race.data;

                          //获取宗教信仰
                          const reli = await axios.get('/HRFR/Religion');
                          religionOptions.value = reli.data;

                          //获取政治面貌
                          const party = await axios.get('/HRFR/Party');
                          partyOptions.value = party.data;

                          //获取学历
                          const degr = await axios.get('/HRFR/Drgerr');
                          degreeOptions.value = degr.data;

                          //获取教育年限
                           const year = await axios.get('/HRFR/Years');
                          yearsOptions.value = year.data;

                          //获取学历专业
                           const majorname = await axios.get('/HRFR/Majorname');
                          majorOptions.value = majorname.data;

                          //获取特长
                           const speciality = await axios.get('/HRFR/Speciality');
                          specialityOptions.value = speciality.data;

                          //获取爱好
                           const hobby = await axios.get('/HRFR/Hobby');
                          hobbyOptions.value = hobby.data;



                        })




                        return{
                            fanhui,
                            imageUrl,
                            fileName,
                            imageFileName,
                            getImageUrl,
                            handleAvatarSuccess,
                            beforeAvatarUpload,
                            checkTime,
                            updateTime,
                            id,
                            form,
                            designationOptions,
                            sexOptions,
                            nationalityOptions,
                            raceOptions,
                            religionOptions,
                            partyOptions,
                            degreeOptions,
                            yearsOptions,
                            majorOptions,
                            salaryOptions,
                            specialityOptions,
                            hobbyOptions,
                            ReivewPass,
                            XGZT,
                            clearForm,

                        }

                    }
        })
        app.use(ElementPlus).mount('#app');

    </script>



</body>

</html>    